<template>
  <!-- 资讯 -->
  <div class="information-preview">
    <div class="information-preview__top">
      <div>资讯标题</div>
      <div>更多密探></div>
    </div>

    <div class="information-preview__list"
         :class="formData.showStyle">

      <div v-for="(item,index) in formData.informationList"
           :key="index"
           class="information-preview__item">
        <div class="information-preview__img"></div>
        <div class="information-preview__foot">
          <div class="information-preview__title">{{item.title}}</div>
          <div class="information-preview__record">
            <div>2.5</div>
            <div>2</div>
            <div>评价0</div>
          </div>
        </div>
      </div>

    </div>
  </div>
</template>

<script lang="ts">
import { Vue, Component, Prop } from "vue-property-decorator";
import Information from "./Information";
@Component
export default class InformationPreview extends Vue {
  @Prop()
  formData: Information;
}
</script>